<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>古风阁</title>

<STYLE>
<!--
.xmenu td{font-size:12px;font-family:verdana,arial;font-weight:none;color:#333333;border:1px solid #ffffff;background:#f6f6f6;filter:blendtrans(duration=0.5);cursor:hand;text-align:center;}
#apDiv1 {
	position: absolute;
	width: 152px;
	height: 115px;
	z-index: 1;
	left: 82px;
	top: 244px;
}
-->
</STYLE>

<script>
function attachXMenu(objid){              /* 这是把事件动作绑定到菜单上的函数*/
	var tds=objid.getElementsByTagName('td');
	for(var i=0;i<tds.length;i++){
	    with(tds[i]){
		onmouseover=function(){
		    with(this){
		        filters[0].apply();
		        style.background='#3ea936';       //这是鼠标移上去时的背景颜色
		        style.border='1px solid #ffffff';      //边框
		        style.color='#ffffff';                        //文字颜色
		        filters[0].play();}}
		onmouseout=function(){
		    with(this){
		        filters[0].apply();
		        style.background='#f6f6f6';          //这是鼠标离开时的背景颜色
		        style.border='1px solid #ffffff';      //边框
		        style.color='#333333';                  //文字颜色
		        filters[0].play();}}
		}}}
</script>
<script language="javascript" src="js/script.js"></script>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv2 {
	position: absolute;
	width: 778px;
	height: 159px;
	z-index: 2;
	left: 326px;
	top: 1985px;
}
</style>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
	var page = 1;
	var i = 4;
	$("span.next").click(function(){
		var $parent = $(this).parents("div.v_show");
		var $v_show = $parent.find("div.v_show");
		var $v_show = $parent.find("div.v_content_list");
		var $v_content = $parent.find("div.v_content");
		var v_width = $v_content.width();
		var len = $v_show.find("li").length;
		var page_count = Math.ceil(len / i);
		if( !$v_show.is(":animated")){
			if( page == page_count){
				$v_show.animate({ left : '0px'},"show");
				page = 1;
			}else{
				$v_show.animate({ left :'-='+v_width },"show");
				page++;
			}
			$parent.find("span").eq((page-1)).addClass("current").sibings().removeClass("current");
		}
	});
	$("span.prev").click(function(){
		var $parent = $(this).parents("div.v_show");
		var $v_show = $parent.find("div.v_content_list");
		var $v_content = $parent.find("div.v_content");
		var v_width = $v_content.width();
		var len = $v_show.find("li").length;
		var page_count = Math.ceil(len / i);
	});
})
		</script>
        <link href="css/style.css" rel="stylesheet" type="text/css" />
<!--   引入jQuery -->
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
  $(function(){
		$("tbody>tr:odd").addClass("odd");
		$("tbody>tr:even").addClass("even");
		$('tbody>tr').click(function() {
			//判断当前是否选中
			var hasSelected=$(this).hasClass('selected');
			//如果选中，则移出selected类，否则就加上selected类
			$(this)[hasSelected?"removeClass":"addClass"]('selected')
				//查找内部的checkbox,设置对应的属性。
				.find(':checkbox').attr('checked',!hasSelected);
		});
		// 如果复选框默认情况下是选择的，则高色.
		$('tbody>tr:has(:checked)').addClass('selected');
  })
</script>
</head>

<body  background="images/211.jpg">
<form id="form1" name="form1" method="post" action="">
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <th width="57%" align="left" valign="middle" bgcolor="#FF99FF" scope="col"><img src="images/06.jpg" width="50" height="50" /><font size="+6" face="隶书"  color="#CC3333"><big>古风阁</big></font>&nbsp;&nbsp;&nbsp;&nbsp;<font size="+2" face="华文行楷" color="#00CCCC">——唯美古韵，遗风犹存</font></th>
      <th width="21%" align="right" bgcolor="#FF99FF" scope="col">
      <p><font color="#666633" size="2">
      <script language="JavaScript" type="text/javascript">
    var myDay = new Array(7);
  		    myDay[0] = "星期日";
  		    myDay[1] = "星期一";
  		    myDay[2] = "星期二";
  		    myDay[3] = "星期三";
  		    myDay[4] = "星期四";
  		    myDay[5] = "星期五";
  		    myDay[6] = "星期六";


  	  var myDate = new Date();                        //创建日期时间对象
  	  var year = myDate.getFullYear();                   //取得年份
  	  var month = myDate.getMonth()+1;          //取得月份
  	  var date = myDate.getDate();   //取得日期
	 var day = myDate.getDay();	
			   
		
  	  document.write(""+year+"年"+month+"月"+date+"日"+'&nbsp;'+myDay[day]);
       var hour = myDate.getHours();                 //取得小时数
  	  var minutes = myDate.getMinutes();         //取得分钟数
  	  var seconds = myDate.getSeconds();       //取得秒数
  	 
  	  if(hour<12){
  	        var sString="AM";
  	       }else{
  	  var sString="PM"; 	}
  	if(minutes<10){    //如果分钟数小于10，前加0
  	 minutes="0"+minutes;    }
    if(seconds<10){    //如果秒钟数小于10，前加0
  		seconds="0"+seconds;    }
 document.write(""+hour+":"+minutes+":"+seconds+" "+sString);
document.write("<br/>"+"<br/>");</script></font></p></th>
      <th width="22%" align="center" bgcolor="#FF99FF" scope="col"><font color="#FF0000" size="3" ><a href="landing.php">登陆</a></font></th>
    </tr>
  </table>
  <p>&nbsp;</p>
</form>


<center>
 <p>&nbsp;</p>
  <hr width="1400" color="#CCCCCC" />
</center>

<div align="center">
  <table border="1" width="778" cellpadding="0" style="border-collapse: collapse" height="30" id="table4" bgcolor=#DBDBDB bordercolor="#DBDBDB" cellspacing="0">
	    <tr><td>
		<div align="center">
		<table class="xmenu" id="xmenu0" border="0" width="776" cellspacing="3" cellpadding="3" height="30" id="table5">
    <tr><td onclick="window.open('http://www.qpsh.com',   '_blank');">古风首页</td>
    <td onclick="window.open('http://www.qpsh.com/listpage/103_1.htm',   '_blank');">会员登陆</td>
    <td onclick="window.open('http://www.qpsh.com/listpage/102_1.htm',   '_blank');">古风文库</td>
    <td onclick="window.open('http://www.qpsh.com/listpage/108_1.htm',   '_blank');">古风资源</td>
    <td onclick="window.open('http://www.qpsh.com/listpage/112_1.htm',   '_blank');">图形特效</td>
    <td onclick="window.open('http://www.qpsh.com/listpage/113_1.htm',   '_blank');">古风画舫</td>
    <td onclick="window.open('http://www.qpsh.com/listpage/104_1.htm',   '_blank');">古风影音</td>
    <td onclick="window.open('http://www.qpsh.com/listpage/114_1.htm',   '_blank');">江湖留言</td>
    <td onclick="window.open('http://www.qpsh.com/listpage/120_1.htm',   '_blank');">关于我们</td>
    </tr></table><script>attachXMenu(xmenu0); //在上面这个table结束的地方执行事件动作的绑定, 这里的这个xmenu0就是那个table的id</script>
</div></td></tr></table></div>
<p>&nbsp;</p>
<div id="apDiv1"><img src="11.jpg" width="147" height="113" /></div>
<p align="center"><font size="+4" face="华文行楷" color="#6600cc"><br />
</font></p>

<br />
<div class="v_show">
  <form name="form1" method="post" action="">
    
<p>&nbsp;</p>
  </form>
  <br /><br />
<div class="v_caption">
  <h2 class="cartoon" title="古风">古风</h2>
		<div class="highlight_tip">
			<span class="current">1</span><span>2</span><span>3</span><span>4</span>
		</div>
		<div class="change_btn">
			<span class="prev" >上一页</span>
			<span class="next">下一页</span>
		</div>
		<em><a href="#">更多>></a></em>
</div>
	&nbsp;&nbsp;&nbsp;<div class="v_content">
		<div  class="v_content_list">
			<ul>
	
				<li><a href="images/人1.jpg"><img src="images/人1.jpg"  alt="古风美女" /></a><h4><a href="images/人1.jpg"> 古风美女</a></h4><span>播放:<em>28,276</em></span></li>
                
				<li><a href="images/人2.jpg"><img src="images/人2.jpg" alt="古风美女" /></a><h4><a href="images/人2.jpg">古风美女</a></h4><span>播放:<em>28,276</em></span></li>
				<li><a href="images/人3.jpg"><img src="images/人3.jpg" alt="古风美女" /></a><h4><a href="images/人3.jpg">古风美女</a></h4><span>播放:<em>28,276</em></span></li>
				<li><a href="images/人4.jpg"><img src="images/人4.jpg" alt="古风美女"  /></a><h4><a href="images/人4.jpg">古风美女</a></h4><span>播放:<em>28,276</em></span></li>
                
				<li><a href="images/花1.jpg"><img src="images/花1.jpg" alt="古风鲜花" /></a><h4><a href="images/花1.jpg">古风鲜花</a></h4><span>播放:<em>33,326</em></span></li>
				<li><a href="images/花2.jpg"><img src="images/花2.jpg"alt="古风鲜花" /></a><h4><a href="images/花2.jpg">古风鲜花</a></h4><span>播放:<em>33,326</em></span></li>
				<li><a href="images/花3.jpg"><img src="images/花3.jpg" alt="古风鲜花" /></a><h4><a href="images/花3.jpg">古风鲜花</a></h4><span>播放:<em>33,326</em></span></li>
				<li><a href="images/花4.jpg"><img src="images/花3.jpg" alt="古风鲜花" /></a><h4><a href="images/花3.jpg">古风鲜花</a></h4><span>播放:<em>33,326</em></span></li>
                
<li><a href="images/山1.jpg"><img src="images/山1.jpg"alt="如画山水" /></a><h4><a href="images/山1.jpg">如画山水</a></h4><span>播放 <em>57,865</em></span></li>
				<li><a href="images/山2.jpg"><img src="images/山2.jpg" alt="如画山水" /></a><h4><a href="images/山2.jpg">如画山水</a></h4><span>播放 <em>57,865</em></span></li>
				<li><a href="images/山3.jpg" ><img src="images/山3.jpg" alt="如画山水" /></a><h4><a href="images/山3.jpg" >如画山水</a></h4><span>播放 <em>57,865</em></span></li>
				<li><a href="images/山4.jpg"><img src="images/山4.jpg" alt="如画山水" /></a><h4><a href="images/山4.jpg">如画山水</a></h4><span>播放 <em>57,865</em></span></li>
				<li><a href="images/扇子1.jpg"><img src="images/扇子1.jpg" alt="优美扇子" /></a><h4><a href="images/扇子1.jpg">优美扇子</a></h4><span>播放 <em>57,865</em></span></li>
				<li><a href="images/扇子4.jpg"><img src="images/扇子4.jpg" alt="优美扇子" /></a><h4><a href="images/扇子4.jpg">优美扇子</a></h4><span>播放 <em>57,865</em></span></li>
				<li><a href="images/扇子2.jpg"><img src="images/扇子2.jpg" alt="优美扇子" /></a><h4><a href="images/扇子2.jpg">优美扇子</a></h4><span>播放 <em>57,865</em></span></li>
				<li><a href="images/扇子3.jpg"><img src="images/扇子3.jpg" alt="优美扇子" /></a><h4><a href="images/扇子3.jpg">优美扇子</a></h4><span>播放 <em>57,865</em></span></li>
	      </ul>
		</div>
	</div>
</div>
<br /><br />

<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center"><font size="+4" face="华文行楷" color="#6600cc">古风阁图集</font></p></body><body  background="images/211.jpg"><p align="center">&nbsp;</p>

<p align="center">&nbsp;</p>
<br/>
<table width="1438" height="836" align="center">
  <tr>
    <td width="286" rowspan="3" align="right" >    <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p><font size="+4" face="华文行楷" color="#660000">古风</font></p><br /><br /><br /><br />
      <blockquote>
        <p><font size="+3" face="华文行楷" color="#660000">也是需要思</font><font size="+3" face="华文行楷" color="#660000">考的</font></p>
        <p><br />
          <br />
        </p>
        <p>&nbsp;</p>
        <p><br />
          <br />
        </p>
      </blockquote>
      <p><font size="+4" face="华文行楷" color="#660000">社会的</font><font size="+4" face="华文行楷" color="#660000">衍变</font></p>
  <br /><br /><br /><br />
       <blockquote>
         <p><font size="+3" face="华文行楷" color="#660000">承受了历史</font><font size="+3" face="华文行楷" color="#660000">的力</font></p>
  <br />
      </blockquote></big>
      <td height="18" colspan="1" align="center" valign="bottom">&nbsp;</td>
  <tr>
    <td height="441" colspan="1" align="center" valign="bottom"><font size="+4" face="华文行楷" color="#6600cc">
      <marquee behavior="alternate" align="left" width="1000" height="200" direction="left" scrolldelay="40" scrollamount="6" >
      <img src="images/12.jpg" height="170"  width="180" hspace="10" vspace="15" /> <img src="images/06.jpg" height="170"  width="180"  hspace="10" vspace="15" /> <img src="images/13.jpg" height="170"  width="180"  hspace="10" vspace="15" /> <img src="images/44.jpg" height="170"  width="180"  hspace="10" vspace="15" /> <img src="images/55.jpg" height="170"  width="180"  hspace="10" vspace="15" /> <img src="images/21.jpg" height="170"  width="180"  hspace="10" vspace="15" /> <img src="images/13.jpg" height="170"  width="180"  hspace="10" vspace="15" /> <img src="images/22.jpg" height="170"  width="180"  hspace="10" vspace="15" /> <img src="images/24.jpg" height="170"  width="180"  hspace="10" vspace="15" />
      </marquee>
      <br />
    </font></td>
  <tr>
  <td width="1140" height="367" colspan="1" valign="top"><center><marquee behavior="alternate" align="left" width="1000" height="200" direction="left" scrolldelay="40" scrollamount="6" >
  </marquee>
      <marquee behavior="alternate" align="left" width="1000" height="200" direction="left" scrolldelay="40" scrollamount="6" >
      <img src="images/23.jpg" height="170"  width="180"  hspace="10" vspace="15" /> <img src="images/25.jpg" height="170"  width="180"  hspace="10" vspace="15" /> <img src="images/555.jpg" height="170"  width="180"  hspace="10" vspace="15" /> <img src="images/23.jpg" height="170"  width="180"  hspace="10" vspace="15" /> <img src="images/24.jpg" height="170"  width="180"  hspace="10" vspace="15" /> <img src="images/44.jpg" height="170"  width="180"  hspace="10" vspace="15" /> <img src="images/b.jpg" height="170"  width="180"  hspace="10" vspace="15" />
      </marquee>
  </center></td></table>
<td width="1254" colspan="1" height="200"><center><marquee behavior="alternate" align="left" width="1000" height="200" direction="left" scrolldelay="40" scrollamount="6" >
</marquee>
</center></table>
  
  <br />
  <div id="apDiv2">
  <p>&nbsp;</p>
  <p><font color="#FFFFFF" size="+2">友情链接</font></p>
<p>如是中国风</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <th scope="col"><p ><font color="#666633" size="2">XML地图|关于本站|版权声明|友情链接|投稿推荐</p>
    <p>版权所有copyright *2012-2017 古风阁</p> </p></th>
  </tr>
</table></div>
<div id="popup_div" style="text-align:center;display:none;position:absolute;left:400px;z-index:999;background-color:red;width:80px;height:30px;opacity:0.5;"><div>

<p>&nbsp;</p>
<script>
$('.v_content_list img').hover(function(){
	console.log('aaaaaaaaaaaaa');
	var txt = $(this).attr('alt');
	var width = $(this).width();
	var height = $(this).height();
	$('#popup_div').width(width);
	$('#popup_div').height(0);
	$('#popup_div').css('left', $(this).offset().left);
	$('#popup_div').css('top', $(this).offset().top+height);
	$('#popup_div').html(txt);
	$('#popup_div').show();
	$('#popup_div').animate({height:height,top:$(this).offset().top}, 'slow');
},
function(){
	console.log('bbbbb');
	var height = $(this).height();
	$('#popup_div').animate({height:'0px',top:$(this).offset().top+height}, 'slow');
});
</script>
</body>
</html>